<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Shoto</title>

    <!-- Bootstrap -->
    <link href="./shoto.css" rel="stylesheet">
    <script src="./shoto.js"></script>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script async="" src="//www.google-analytics.com/analytics.js"></script>
    <script src="//cdn.optimizely.com/js/339682273.js"></script>




</head>
<body>

<!--第一层-->
<div class="row topBG topPadd">
    <div class="container">

        <!--/Start Logo Section-->
        <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 pull-left">
            <div class="logo"><img src="./img/logo.png" alt="logo"></div>
        </div>

        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 topPadd">


            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 topPadd8">
                <h1 class="topHeading">Never miss a photo again!</h1>

                <h2 class="subHeading col-lg-10 col-md-10 col-sm-10 col-xs-12 noPadd">Shoto is the easiest way to get the photos your
                    friends have on their phone from your times together.</h2>
                <div class="clearfix"></div>
                <div class="storeIcon "><a href="https://itunes.apple.com/pe/app/shoto-share-pictures-friends/id665354727?l=en&amp;mt=8" target="_blank"><img src="./img/app1.png" alt="App Store"></a>
                    <a href="https://play.google.com/store/apps/details?id=com.shotoinc.shoto&amp;hl=en" target="_blank"><img src="./img/app2.png" alt="App Store"></a></div>

                <div class="clearfix"></div>


                <form class="col-lg-8 col-md-10 col-sm-10 col-xs-12 noPadd sendLinkForm">
                    <input type="text" name="phone" class="form-control enTxt" id="phone" placeholder="Get Shoto. Enter phone #" required="">
                    <input type="submit" name="Submit" class="btn-sendlink" value="">
                </form>
            </div>


            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 pull-right noPadd">
                <div class="iphone"><img src="./img/galaxy.png" alt="phone"></div>
            </div>


        </div>

    </div>
</div>

<!--第二层-->
<div class="row topPadd7 botPadd bdrBottom">
    <div class="container">
        <div class="col-lg-4 col-md-4 col-sm-3 col-xs-12">
            <div class="iphone2"><img src="./img/phone-2.png" alt="iphone"></div>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 leftPadd topPadd8">
            <div class="icn"><img src="./img/icn-2.png" alt="icon"></div>
            <h1 class="mainHeading">Request Your Friend’s Photos</h1>
            <p class="contText">Get the photos your friends took when you were together.
                We use time, location, and our algorithm to tell you which
                friends took photos when you were together.</p>
        </div>
    </div>
</div>


<!--第三层-->
<div class="row topPadd7 botPadd bluBg">
    <div class="container">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 showthis">
            <div class="iphone2"><img src="./img/phone-1.png" alt="phone"></div>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 topPadd">
            <div class="icn"><img src="./img/icn-1.png" alt="icon"></div>
            <h1 class="mainHeading whiteColor">All Your Photos Organized</h1>
            <p class="contText whiteColor">Shoto automatically organizes your photos into albums
                and trips on your timeline.</p>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-3 col-xs-12 showit pull_Right">
            <div class="iphone2"><img src="./img/phone-1.png" alt="phone"></div>
        </div>
    </div>
</div>


<!--第四层-->
<div class="row topPadd7 botPadd ">
    <div class="container">
        <div class="col-lg-4 col-md-4 col-sm-3 col-xs-12">
            <div class="iphone2"><img src="./img/phone-4.png" alt="iphone"></div>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 leftPadd topPadd8">
            <div class="icn"><img src="./img/icn-4.png" alt="icon"></div>
            <h1 class="mainHeading">See All Your Trips </h1>
            <p class="contText">See all the photos from your last trip in one album and
                share as many photos as you want in two taps.</p>
        </div>
    </div>
</div>

<!--第五层-->
<div class="row topPadd7 botPadd bluBg">
    <div class="container">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 showthis">
            <div class="iphone2"><img src="./img/phone-5.png" alt="phone"></div>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 topPadd">
            <div class="icn"><img src="./img/icn-5.png" alt="icon"></div>
            <h1 class="mainHeading whiteColor">Privacy is First </h1>
            <p class="contText whiteColor">You are in complete control of what photos are shared.
                We never upload your photos or share without your permission.</p>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-3 col-xs-12 showit pull_Right">
            <div class="iphone2"><img src="./img/phone-5.png" alt="phone"></div>
        </div>
    </div>
</div>


<!--第六层-->
<div class="row topPadd7 botPadd ">
    <div class="container">
        <div class="col-lg-4 col-md-4 col-sm-3 col-xs-12">
            <div class="iphone2"><img src="./img/phone-3.png" alt="iphone"></div>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 leftPadd topPadd8 butCenter">
            <div class="icn"><img src="./img/icn-3.png" alt="icon"></div>
            <h1 class="mainHeading">Create an Event </h1>
            <p class="contText">Shoto pools the photos from your next big event. Guests
                submit photos via Shoto and we bring them together in one
                place along with Twitter and Instagram photos.</p>
            <a href="#" class="btn btn-primary-new btn-lg" data-toggle="modal" data-target="#myModal5">Host my Event on Shoto</a>
        </div>
    </div>
</div>


<!--第七层-->
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body">
                <div class="embed-container"><iframe src="https://shoto.wufoo.com/forms/shoto-for-events/" style="border:0;"></iframe></div>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>


<!--第八层-->
<div class="row blueBGG">
    <div class="container">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <a class="col-lg-2 col-md-2 col-sm-2 col-xs-12 maxWt" href="http://www.wired.co.uk/news/archive/2013-11/04/shoto" target="_blank">
                <img src="./img/sd1.png"></a>
            <a class="col-lg-2 col-md-2 col-sm-2 col-xs-12 maxWt" href="http://thenextweb.com/apps/2013/10/30/shoto-ios-android-creates-shared-photo-albums-friends-automatically/" target="_blank">
                <img src="./img/sd2.png"></a>
            <a class="col-lg-2 col-md-2 col-sm-2 col-xs-12 maxWt" href="http://www.telegraph.co.uk/technology/mobile-app-reviews/10413900/Shoto-photo-app-launches-on-Android-and-iOS.html" target="_blank">
                <img src="./img/sd3.png"></a>
            <a class="col-lg-2 col-md-2 col-sm-2 col-xs-12 maxWt" href="http://www.theguardian.com/technology/appsblog/2013/nov/01/best-iphone-ipad-apps-toca-mini" target="_blank">
                <img src="./img/sd4.png"></a>
            <a class="col-lg-2 col-md-2 col-sm-2 col-xs-12 maxWt" href="http://www.networkworld.com/news/2013/101613-demo-mobile-274913.html" target="_blank">
                <img src="./img/sd5.png"></a>
            <a class="col-lg-2 col-md-2 col-sm-2 col-xs-12 maxWt" href="http://pandodaily.com/2013/10/17/shoto-wants-to-make-photo-sharing-more-private/" target="_blank">
                <img src="./img/sd6.png"></a>
        </div>
    </div>
</div>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 noPadd">
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 noPadd">
                    <h1 class="hdw bluColor">Shoto</h1>
                    <p class="hdw newfont">Never miss a photo again!</p>
                </div>
                <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 noPadd">
                    <div class="bottomIcon">
                        <a href="https://itunes.apple.com/pe/app/shoto-share-pictures-friends/id665354727?l=en&amp;mt=8" target="_blank"> <img src="./img/icon-ios.png" alt="icon"> </a>
                        <a href="https://play.google.com/store/apps/details?id=com.shotoinc.shoto&amp;hl=en" target="_blank"><img src="./img/icon-google.png" alt="icon"></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 topPadd copyright botPadd">
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 noPadd"><p class="cpyText">Shoto, Inc</p></div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 noPadd">
                    <!--<a href="meetteam.html" class="">About Us</a>-->
                    <a href="mailto:smiles@shoto.com" class="">Contact</a>
                    <!--<a href="meetteam.html" class="">Team</a>-->
                    <a href="https://angel.co/shoto" class="">Investors</a>
                    <a href="legal.html#privacy" class="">Privacy</a>
                    <a href="legal.html" class="">Terms</a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 noPadd pull-right">
                    <div class="bottomIcon2">
                        <a href="https://www.facebook.com/shoto.so" class="" target="_blank"><img src="./img/facebook-icn.png" alt="facebook"></a>
                        <a href="https://instagram.com/shotoofficial/" class="" target="_blank"><img src="./img/instagram.png" alt="Instagram"></a>
                        <a href="https://twitter.com/shoto" class="" target="_blank"><img src="./img/twitter-icn.png" alt="twitter"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>


</body>
</html>